import React, {Component} from 'react'
import {Row, Col} from 'antd'
import '../../less/top.less'
import progressHorizontal from '../../images/activity-progress-horizontal.png'
import progressVertical from '../../images/activity-progress-vertical.png'
import isMobile from '../../constant/client-util'

class ActivityProgress extends Component {

  render() {
    return <div className='box-padding'>
      <Row type="flex" justify='center'>
        <h3 className='title'>活动流程
          <span className='title_underline'/></h3>
      </Row>
      <Row type="flex" justify="center">
        <div className='PC_box'>
          <Col span={24}>
            <img src={isMobile() ? progressVertical : progressHorizontal} style={{
              width: 'auto',
              height: 'auto',
              maxWidth: '100%',
              maxHeight: '100%'
            }}/>
          </Col>
        </div>
      </Row>
    </div>
  }

}

export default ActivityProgress



